<template>
  <Field :label="props.label.value">
    <template #input>
      <Stepper
        v-model="value"
        theme="round"
        button-size="22"
        disable-input
      />
    </template>
  </Field>
</template>

<script>
import { Field, Stepper } from "vant";

export default {
  components: { Field, Stepper },
  props: ["props"],
  watch: {
    props: {
      immediate: true,
      handler(props) {
        this.value = props.initValue.value;
      },
    },
  },
  data() {
    return {
      value: 1,
    };
  },
};
</script>